<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>成绩查询</title>
	<link th:replace="~{common::head}">
</head>

<body class="">
<div class="wrapper">
	<!--侧边栏-->
	<div th:insert="~{common::sidebar(active='queryScore.html')}"></div>
	<div class="main-panel">
		<!-- Navbar导航栏 -->
		<nav th:replace="~{common::navbar}"></nav>
		<!-- End Navbar -->
		<div class="panel-header">
				<div class="header text-center">
					<h2 class="title">成绩查询</h2>
					<p class="category">可供查询2021年上半年的真实考试成绩。</p>
				</div>
		</div>
		<div class="content">
			<div class="row">
				<div class="col-md-8 offset-2">
					<div class="card">
						<div class="card-header">
							<h5 class="title">查询成绩</h5>
						</div>
						<div class="card-body">
							<form th:action="@{/student/resultInquiry}">
								<div class="row">
									<div class="form-group mb-3 col-8 offset-xl-2">
										<input type="text" style="height: 3rem; " class="form-control" name="ticketNumber" placeholder="准考证号" required>
									</div>
								</div>
								<div class="row">
									<div class="form-group mb-3 col-8 offset-xl-2">
										<input type="text" style="height: 3rem" class="form-control" name="name" placeholder="姓名" required>
									</div>
								</div>
								<div class="row"->
									<div class="form-group mb-3 col-auto offset-xl-2">
										<input type="text" style="height: 3rem" class="form-control" name="verificationCode" placeholder="验证码" required>
									</div>
									<div class="form-group mb-3 col-auto" >
										<a th:href="@{/student/queryScore}">
											<img class="img-fluid col-4" style="height:3rem" th:src="@{${vcode}}" alt="我是验证码"id="vcode"/>
											<span style="font-size: 75%;margin-left: -.75rem">看不清？刷新验证码！</span>
										</a>
									</div>
								</div>
								<div class="col-sm-8 offset-sm-2">
									<button type="submit" class="btn btn-lg btn-success" style="width: 100%" >查询分数</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部footer-->
		<footer th:replace="~{common::footer}"></footer>
	</div>
</div>


<script>
	function getDate(){

		//得到当前时间
		var date_now = new Date();
		//得到当前年份
		var year = date_now.getFullYear();
		//得到当前月份
		//  1：js中获取Date中的month时，会比当前月份少一个月，所以这里需要先加一
		//  2: 判断当前月份是否小于10，如果小于，那么就在月份的前面加一个 '0' ， 如果大于，就显示当前月份
		var month = date_now.getMonth()+1 < 10 ? "0"+(date_now.getMonth()+1) : (date_now.getMonth()+1);
		//得到当前日子（多少号）
		var date = date_now.getDate() < 10 ? "0"+(date_now.getDate()+1) : (date_now.getDate()+1);

		//设置input标签的min属性
		$("input[name='outDate']").attr("min",year+"-"+month+"-"+date);
	}

	/**
	 * 点击选择科室的时 查询当前选择科室的所有医生与可用房间
	 */




</script>
<script>
	var schoolSelect = document.getElementById('school');
	var gradeSelect = document.getElementById('grade');
	var submitBtn = document.getElementById('btnSubmit');
	function checkInfo(){
		if (getSelectValue(schoolSelect) != '考点选择' && getSelectValue(gradeSelect) != '等级选择'){
			submitBtn.disabled = '';
		}
	}
	function getSelectValue(select){
		// var select = document.getElementById('select'); //定位id
		var index = select.selectedIndex; // 选中索引
		var text = select.options[index].text; // 选中文本
		var selectValue = select.options[index].value; // 选中值
		return selectValue;
	}
</script>
<!--通用footerJs-->
<script th:replace="~{common::footerJs}"></script>
</body>
</html>
